<template>
	<view class="active">
		<van-nav-bar class="titleBox" title="版本号" left-arrow @click-left="onClickLeft" />
		</van-nav-bar>
		<view class="mainInfo" v-for="(item,index) in verList" :key=index @tap="pageList(index)">
			<van-icon class="icon1" :name="item.icon1" :color="item.col" />
			<text>{{item.msg}}</text>
			<van-icon class="icon2" name="item.icon2" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				verList: [{
					msg: "2.0.1.0",
					icon1: "diamond-o",
					icon2: "arrow",
					col: "#ff5500",
					puth: "./versionInfo/versionInfo"
				}],
			}
		},
		methods: {
			onClickLeft() {
				uni.navigateBack({
					delta: 1
				})
			},
			pageList(index) {
				console.log(this.verList[index])
				uni.navigateTo({
					url: this.verList[index].puth
				})
			}
		}
	}
</script>

<style>
	body {
		background-color: #f0f0f0;
	}

	.mainInfo {
		width: 100%;
		height: 90upx;
		background-color: #fff;
		margin-top: 6upx;
	}

	.mainInfo van-icon {
		vertical-align: middle;

	}

	.mainInfo text {
		line-height: 90upx;
	}

	.icon1 {
		margin: 0 30upx;
	}

	.icon2 {
		float: right;
		margin: 33upx 50upx 30upx 0;
	}
</style>
